<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <title>Brian Voss - Web developer | Application Architect | Internetist</title>
        <meta name="description" content="Brian Voss is a web developer in the San Francisco Bay area in California, who specializes in LAMP and HTML5 development.">
		<meta name=keywords content="brian voss, brian, voss, application architect, web developer, web apps, resume, samples, javascript, php, LAMP, LAMP developer, startups, consultant" />
        <meta name="viewport" content="width=device-width">
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<!-- Author Links -->
		<link rel="author" href="https://plus.google.com/117651914097924967977">
		<link type="text/plain" rel="author" href="http://brianvoss.com/humans.txt">
        <!-- Style Links -->
		<link rel="stylesheet" href="/css/bootstrap.min.css">
        <link rel="stylesheet" href="/css/bootstrap-responsive.min.css">
        <link rel="stylesheet" href="/css/main.css">
        <link rel="stylesheet" href="/css/animate.css">
    </head>
    <body itemscope itemtype="http://schema.org/WebPage">
        <!--[if lt IE 7]>
            <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
        <![endif]-->
        <!-- This code is taken from http://twitter.github.com/bootstrap/examples/hero.html -->
        <div id="header-navbar" class="navbar navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <a class="brand" href="#" itemprop="name">brianvoss.com</a>
                    <div class="nav-collapse collapse">
                        <ul id="nav" class="nav" itemscope itemtype="http://schema.org/SiteNavigationElement">
                            <li class="active"><a id="nav-home" href="#" itemprop="name">Home</a></li>
                            <li><a id="nav-work" href="#work" itemprop="name">Work</a></li>
                            <li><a id="nav-play" href="#play" itemprop="name">Play</a></li>
							<li><a id="nav-blog" href="http://blog.brianvoss.com" target="_blank" itemprop="name">Blog</a></li>
                        </ul>
						<ul id="nav-social-links" class="nav pull-right">
							<li class="icon-fb"><a href="https://www.facebook.com/voss.brian" target="_blank"></a></li>
							<li class="icon-tw"><a href="https://twitter.com/brianvoss" target="_blank"></a></li>
							<li class="icon-gplus"><a href="https://plus.google.com/117651914097924967977?rel=author" target="_blank"></a></li>
							<li class="icon-lin"><a href="http://www.linkedin.com/e/fpf/14410586" target="_blank"></a></li>
							<li class="icon-ytube"><a href="http://www.youtube.com/user/brianvoss" target="_blank"></a></li>
							<li class="icon-ghub"><a href="https://github.com/brianvoss" target="_blank"></a></li>
						</ul>
                    </div><!--/.nav-collapse -->
                </div>
            </div>
        </div>
		<!--
		Home Section
		-->
        <div id="body-home" class="container">
            <div class="hero-unit well">
                <!--<img src="/img/profile_pic_small.jpg" class="pull-right" />-->
				<h2>Web developer | Application Architect | Internetist</h2>
                <p>I'm a web architect and product developer in California, USA.  This is my web playground.</p>
                <!--<p><a class="btn btn-primary btn-large">Learn more &raquo;</a></p>-->
            </div>
            <!-- Example row of columns -->
            <div class="row">
				<div class="span4">
                    <h3>Work</h3>
                    <p><img src="/img/zce.jpg" width="100" height="100" class="pull-right" />I'm a web application developer with a decade of experience building applications on the LAMP stack</p>
                </div>
                <div class="span4">
                    <h3>Play</h3>
                    <p><img src="/img/html5_logo_small.jpg" class="pull-right" />Products, libraries or ideas I'm working on.  Might not be release worthy, but should be fun!</p>
                </div>
                <div class="span4">
                    <h3>Blog</h3>
                    <p><img src="/img/blogger-icon.png" width="100" height="100" class="pull-right" />Occasionally I publish my own musings on technology, politics, music and other random things.</p>
                    <p><a class="btn btn-primary" href="http://blog.brianvoss.com" target="_blank">View Blog &raquo;</a></p>
               </div>
            </div>
        </div> <!-- /container -->
		<!--
		Work Section
		-->
        <div id="body-work" class="container hide">
			<h2 class="small">Work</h2>
            <!-- Example row of columns -->
            <div class="row">
				<div class="span3 well">
                    <div class="well" style="background-color:#fff;"><a href="http://yahoo.com" target="_blank"><img src="/img/yahoo_logo_white.png" /></a></div>
                    <h5>Front End Developer</h5>
					<p>Front End Developer for Yahoo! Commerce Properties.</p>
                </div>
				<div class="span3 well">
                    <div class="well" style="background-color:#fff;"><a href="http://sony.com" target="_blank"><img src="/img/sony_logo_white.jpg" /></a></div>
                    <h5>Senior Software Engineer</h5>
					<p>Senior web apps devloper for Sony's User Experience and Software Center.</p>
                </div>
                <div class="span3 well">
                    <div class="well" style="background-color:#fff;"><a href="http://temboo.com" target="_blank"><img src="/img/temboo_logo.png" /></a></div>
                    <h5>Software Engineer</h5>
					<p>Front-end web developer for <a href="http://temboo.com" target="_blank">Temboo</a>'s Automation-as-a-Service platform</p>
                </div>
            </div>
            <div class="row">
				<div class="span3 well">
                    <div class="well" style="background:#336699;margin-bottom:40px;"><a href="http://casmiro.com" target="_blank"><img src="/img/casmiro_logo.png" /></a></div>
					<h5>Lead Developer</h5>
					<p>Lead Developer for a Social Media video distribution platform for Indie filmakers.</p>
                </div>
				<div class="span3 well">
                    <div class="well" style="background-color:#fff;">
						<a href="http://hostway.com" target="_blank"><img src="/img/hostway_logo.gif" /></a></div>
                    <h5>Software Development Manager</h5>
					<p>Worked with engineers and product managers to develop, release and support customer-facing web products.</p>
                </div>
                <div class="span3 well">
                    <div class="well" style="padding:6px;"><img src="/img/tti_logo.gif" /></div>
					<h5>Web Software Architect / Developer</h5>
                    <p>Created an <a href="http://en.wikipedia.org/wiki/Mobile_virtual_network_operator" target="_blank">MVNO</a> platform for managing e-commerce and in-store retail sales and activation.</p>
                </div>
            </div>
        </div> <!-- /container -->
		<!--
		Play Section
		-->
        <div id="body-play" class="container hide">
			<h2 class="small">Play</h2>
			<div class="alert well">Nothing to see here yet, but I will have some new stuff up soon!</div>
		</div>
		
		<!--
		Extra Section
		-->
        <div id="body-extra" class="container hide">
			<h1 class="small well">Extra</h1>
		</div>	
		
		<!-- Footer -->
		<div id="footer-navbar" class="navbar navbar-inverse navbar-fixed-bottom">
            <div class="navbar-inner">
                <div class="container">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <div class="nav-collapse collapse">
                        <ul class="nav">
                            <li><a href="#">Site Credits</a></li>
                        </ul>
						<ul id="copyright" class="nav pull-right">
							<li><a>&copy; 2013 brianvoss.com</a></li>
						</ul>
                    </div><!--/.nav-collapse -->
                </div>
            </div>
        </div>
		
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.8.3.min.js"><\/script>')</script>

        <script src="/js/vendor/bootstrap.min.js"></script>

        <script src="/js/plugins.js"></script>
        <script src="/js/main.js"></script>
        <script src="/js/vendor/modernizr-2.6.2.min.js"></script>
        <script>
            var _gaq=[['_setAccount','UA-31488694-1'],['_setDomainName', 'brianvoss.com'],['_trackPageview']];
            (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
            g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
            s.parentNode.insertBefore(g,s)}(document,'script'));
        </script>
    </body>
</html>